<template>
    <div ref="big">
        
    </div>
</template>

<script lang="ts">
import { defineComponent } from "vue"
export default defineComponent({
    name: 'DetailImgList',
})
</script>

<script lang="ts" setup>
import { watch, ref } from "vue";
const props = defineProps(['imgList'])
const imgList = ref('')
const big = ref()

console.log(imgList.value);
    
watch(props, (val) => {
    imgList.value = val.imgList
    console.log( imgList.value);
    // DocumentFragment.prototype.appendChild(imgList)
}, { deep: true })

</script>

<style scoped></style>